<!-- 文档声明,非强制 -->
<!DOCTYPE html>
<!--
    html:所有html元素的祖先元素
    每一个html文档中都有且仅有一个html标签
    该标签是所有标签的根标签
 -->
<html>
<!-- head:头标签,为页面提供一些相关信息,例如:标签页名字、字符集、样式... -->
<head>
    <meta charset="utf-8"/>
    <title>HTML语法</title>
</head>
<!-- body:正文标签,为页面赋予内容 -->
<body>
<h1>标题标签</h1>
<h1>1:你好,世界</h1>
<h2>2:你好,世界</h2>
<h3>3:你好,世界</h3>
<h4>4:你好,世界</h4>
<h5>5:你好,世界</h5>
<h6>6:你好,世界</h6>
<h7>7:你好,世界</h7><br/>
你好,世界

<h1>字体标签</h1>
<!--
    font标签:字体标签,已过时,目前会使用css样式代替它
    color属性:设置字体的颜色
    face属性:设置字体的类型
    size属性:设置字体的大小
 -->
<font color="red">这是一个字体</font><br/>
<font color="green" face="楷体">这是一个字体</font><br/>
<font color="blue" face="宋体" size="12">这是一个字体</font><br/>
<b>加粗字体</b><br/>
<i>倾斜字体</i><br/>
<ins>下划线字体</ins><br/>
<del>删除字体</del><br/>
<!--
    marquee标签:定义一个滚动字体
    direction属性:控制滚动的方向,其值有四个:left、right、up、down
        分别表示向左、向右、向上、向下滚动
        如果是向上或者向下滚动,会有默认空间
        开发中建议开发者自定义空间
-->
<marquee direction="left" scrollamount="10"><font color="blue" face="宋体" size="12">这是一个滚动字体</font><br/></marquee>
<div style="height:300px;">
<marquee direction="down"><font color="red" face="楷体" size="12">这是一个滚动字体</font><br/></marquee>
</div>
<hr/>
</body>
</html>